<!DOCTYPE HTML>
<html>

<head>
    <meta charset="UTF-8">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/mapbox-gl/1.13.2/mapbox-gl.css" rel="stylesheet">
    <!-- <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mapbox-gl/1.13.2/mapbox-gl.js"></script>
    <script type="text/javascript" src="https://iclient.supermap.io/dist/mapboxgl/iclient-mapboxgl.js"></script> -->

    <script src="./dist/include-mapboxgl.js"></script>
    <script src="./dist/iclient-mapboxgl.js"></script>
</head>

<body>
    <!-- // 地图显示的div -->
    <div id="map" style="position:absolute;left:0px;right:0px;top:0;bottom: 0;"></div>

    <script>
        var map = new mapboxgl.Map({
            container: 'map', // 指定地图容器
            style: 'https://iserver.supermap.io/iserver/services/map-mvt-China/rest/maps/China/tileFeature/vectorstyles.json?type=MapBox_GL&styleonly=true',
            center: [120.143, 30.236], // 地图初始中心点
            zoom: 3, // 地图初始缩放级别
            attributionControl: false
        });

        map.addControl(new mapboxgl.NavigationControl(), 'top-left');
    </script>
</body>

</html>